<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0">
<title>商品列表</title>
<link href="${ctxStatic }/site/themes/default/css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="${ctxStatic }/site/themes/default/css/css.css" rel="stylesheet" type="text/css">
<script src="${ctxStatic}/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/jquery/jquery-migrate-1.1.1.min.js" type="text/javascript"></script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
<script src="${ctxStatic}/site/themes/default/js/hideOptionMenu.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
	$("#move").mouseover(function(){
		$("#moveshow").addClass("show");
		$("#moveUl").show();
	});
	
	$("#move").mouseout(function(){
		$("#moveshow").removeClass("show");
		setInterval("$('#moveUl').hide();",5000);
		
	});
});
</script>

<style type="text/css">
.center{
	display:-moz-box;
	display:-webkit-box;
	-moz-box-pack: center;
	-webkit-box-pack:center;	
	-webkit-box-align:center;
	-moz-box-align:center;
	width:100%;
	height:75%;	
}
</style>


</head>
<body >
<div class="gridContainer clearfix" id="productlist">
  <div id="LayoutDiv1">
   <header>    
    <ul class="menu">  
    <span style=" font-size:18px; color:#FFF" class="left biaoti icon_left"   onclick="history.back(-1)" >商品列表</span>
			<li id="moveshow" > <a href="#" id="move"  ><span class="icon_menu right"></span></a>
				<ul  id="moveUl"  style="display:none;">
						<jsp:include page="./right.jsp"></jsp:include>
				</ul>
			</li>			
		</ul>
    </header>
    <section>
      <ul>
      	<c:forEach items="${ tagToProductList}" var="tag" >
	        <a href="${ctxMobileSite}/shopping/viewProduct/${tag.product.id}?uid=${uid}&wechatId=${wechatId}"><li>
	          <p style="margin:8px; height:159px;"><img src="${ctxUser }/product/${tag.product.indexPic}"  width="159px" height="159px"></p>
	          <p style="padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${tag.product.name}</p>
	          <p style="padding-left:5px; padding-bottom:5px;" class="fontred">￥<fmt:formatNumber value="${tag.product.price/100 }" pattern="0.00"/></p></li></a>
      	</c:forEach>
      </ul>
    </section>
      <c:if test="${empty tagToProductList }">
	      <div class="center" style="margin-top: 35%;">
			<img src="${ctxStatic }/site/themes/default/images/aaa.png" width="100%">
			<br><br>商品已经售完，<a href="${ctxFront }/site/${project.id}?uid=${uid }&wechatId=${wechatId}">去逛逛</a>
		  </div>
      </c:if>
  </div>
  <div class="jszch">技术支持：<a href="http://www.hdzhx.com/boxin/index.html" >智讯互联</a></div>
</div>
</body>
</html>
